*{margin:0; padding:0; font-family:Microsoft YaHei;}
body{ background:#fff; line-height:24px; font-size:14px; color:#000; min-width:1300px!important; }
a{color:#000;font-size:14px; text-decoration:none;}
a:hover{color:#F00; text-decoration:none;}
img{border:none;}
li,ul{list-style-type:none;}
.fl{ float: left;}
.fr{ float: right;}
/*--- header ---*/
.ttop{ width: 100%; background: #fff;  position: fixed; top:0; z-index: 99999999999;}
.header{ width: 1200px; margin: 0 auto;  height: 74px; padding-top: 37px;}
.logo{ float: left;}
.t-tel{ float: right;}
/*--- header ---*/
.nav{ width: 100%; margin: 0 auto; height: 56px; background: #004eb7; overflow: hidden;}
.nav ul{ width: 1199px; margin: 0 auto;  overflow: hidden;}
.nav ul li{ width: 109px; float: left; text-align: center; line-height: 56px; overflow: hidden; }
.nav ul li a{ display: block; width: 100%; height: 56px;  font-size: 16px; color: #fff;  }
.nav ul li a:hover{background: #f0831e; }

.nav ul li ul {left: -999em; width: 109px; position: absolute; z-index: 99999;}
.nav ul li ul li{width: 109px;  font-size:12px; line-height:40px; height:40px;}
.nav ul li ul li a{display: block; width: 109px;w\idth: 109px;text-align:center; color:#fff; background:#004eb7; text-indent:0; height:40px;}
.nav ul li ul li a:hover{ background:#f0831e; color:#fff;  height:40px;}
.nav ul li:hover ul {left: auto;}
.nav ul li.sfhover ul {left: auto;}


/*--- banner ---*/
#banner { width:100%; height:457px; margin-top: 167px; position:relative}
#slides { display:block; width:100%; height:457px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:53%; bottom:15px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:30px; height:10px; float:left; margin-left:10px;  background:#fff }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#f79004}
/*--- main ---*/
.main{ width: 100%; padding-bottom: 35px; overflow: hidden;}

.block-1 a span{ display:block; color:#4e4e4e; font-size:18px; text-align:center; line-height:24px;transition: 0.5s;}
.block-1 a:hover span{margin-top:-60px}

.section-5 .top{ width: 100%; background:url(../Index/n_bg_05.jpg) no-repeat center 0; height:96px; padding-top: 80px;}
.section-5 .top ul{overflow:hidden; width:342px; height: 40px; border: 1px solid #fff;  margin: 0 auto;}
.section-5 .top ul li{float:left; display:block; width:114px; height:40px;text-align:center; line-height:40px; font-weight:700; font-size:14px; color:#fff; cursor:hand;}
.section-5 .top .active span{color:#fff;  background: #14a2d4; display:block; width:114px; height:40px;}
.section-5 .top .normal{}
.section-5 .bd{ width:1200px; margin: 0 auto; padding: 35px 0; overflow:hidden;}


.gsnews{ width: 100%; overflow: hidden;}
.gsnews ul{ width: 290px; height: 347px; float: left; margin: 5px; background: #f2f2f2;}
.gsnews ul .gsimg{ width: 100%; height: 215px; overflow: hidden;}
.gsnews ul .gsimg img{ width: 290px; height: 215px;}
.gsnews ul .gstitle{ width: 90%; margin: 0 auto; height: 37px; line-height: 39px;}
.gsnews ul .gstitle a{ color: #5e5e5e;}
.gsnews ul .gstitle a:hover{ text-decoration: underline;}
.gsnews ul .gscontent{ width: 90%; margin: 0 auto; height: 98px; color: #999;}

.newsl{ width: 100%; overflow: hidden;}
.newsl li{ width: 48%; line-height: 50px; line-height: 50px; border-bottom: 1px solid #cdcdcd; float: left; margin: 0 1%;}
.newsl li span{ float: right;}
.section-5 .none{display:none;}


/*sidebar*/


/*middle*/
.nbanner{ width: 100%; height: 177px;margin-top: 167px; background: url(../Image/nbanner.jpg) no-repeat top center; overflow: hidden;}
.n-bbox{ width: 1200px; margin: 0 auto; padding-top: 40px; overflow: hidden;}
.n-bbox .nname{ float: left; height: 107px; overflow: hidden;}
#Indicate{ width: 461px; height: 45px; float: right; background: url(../Image/Indicate.png); margin-top: 91px; overflow: hidden; color: #fff; text-align: center; line-height: 45px; font-size: 18px;}
#Indicate a{ color: #fff;font-size: 18px;}

.middle{ width: 1200px; margin: 0 auto; padding: 25px 0; overflow: hidden;}
.company{ width: 100%; overflow: hidden; height: 288px;}
.company .time{ width: 233px; height: 197px; line-height: 40px; text-align: right; padding: 91px 61px 0 0; border-right: 1px solid #dedede; float: left; font-size: 18px;}
.company .time span{ color: #33a1d4; font-size: 40px;}
.company .content{ width: 860px; float: right; line-height: 29px; overflow: hidden;}
.a-line{ width: 100%; height: 27px; background: url(../Image/company-line.jpg) no-repeat left center; overflow: hidden;}

.qingfeng{ width: 100%; overflow: hidden; height: 214px;}
.qingfeng .time{ width: 262px; height: 172px; line-height: 40px;  padding: 42px 0 0 56px; border-left: 1px solid #dedede; float: right; font-size: 18px;}
.qingfeng .time span{ color: #33a1d4; font-size: 40px;}
.qingfeng .content{ width: 860px; padding-top: 42px; float: left; line-height: 32px; overflow: hidden;}

.a-img{ padding-bottom: 20px; overflow: hidden;}

.wrapper {  width: 100%; overflow: hidden; height: 463px;}
#left{ width: 223px; float: left; }
#center{ width: 703px; height: 463px; margin-left: 25px; float: left; }
#right {width: 223px; float: right; }
#left li, #right li { width: 100%; height: 140px; margin-bottom: 22px; overflow: hidden;}

#left li img, #right li img{ width: 223px; height: 140px;cursor:hand;}
#center img { width: 703px; height: 463px;}

.a-qywh{ padding: 20px 0; overflow: hidden;}
.a-qywh .hd{ text-align: center; line-height: 28px; font-size: 18px; color: #777;}
.a-qywh .hd span{font-size: 36px; color: #33a1d4; font-weight: 700;}
.a-qywh .bd{ padding-top: 50px; overflow: hidden;}
.a-qywh .bd .img{ float: left;}
.a-qywh .bd .txt{ width: 650px; padding-top: 22px; height: 358px; float: right; overflow: hidden;}
.a-qywh .bd .txt ul{ width: 100%; height: 73px; padding-bottom: 22px; overflow: hidden;}
.a-qywh .bd .txt ul .title{ width: 73px; height: 73px; line-height: 73px; text-align: center; border-right: 1px solid #cdcdcd; font-size: 24px; color: #33a1d4; font-weight: 700; float: left;}
.a-qywh .bd .txt ul .content{ width: 542px; float: right; padding: 10px 10px 0 0; line-height: 30px; overflow: hidden;}

.a-honor{ padding: 20px 0; overflow: hidden;}
.a-honor .hd{ text-align: center; line-height: 28px; font-size: 18px; color: #777;}
.a-honor .hd span{font-size: 36px; color: #33a1d4; font-weight: 700;}
.a-honor .bd{ padding: 50px 0;}

/*quanwang*/
.qwbanner{ width: 100%; height: 540px; overflow: hidden; background: url(../Image/qw_banner.jpg)no-repeat top center; overflow: hidden;margin-top: 167px;}
.q-top{ padding: 35px 0; overflow: hidden;}
.q-top .hd{ text-align: center; line-height: 30px; font-size: 16px; color: #8a8a8a;}
.q-top .hd span{font-size: 36px; color: #333;}
.q-top .bd{ padding: 50px 0; overflow: hidden;}
.q-top .bd .img{ float: left;}
.q-top .bd .txt{ width: 550px; padding:40px 50px 0 0; float: right; color: #5b5b5b; line-height: 36px;}
.q-top .bd .txt span{ color: #ef8d0e; font-size: 24px;}

.q-header{ padding: 35px 0; overflow: hidden;}
.q-header .hd{ text-align: center; height: 60px; margin-bottom: 40px;  font-size: 36px; color: #333; font-size: normal; line-height: 60px;}
.q-header .bd{ width: 1000px; margin: 0 auto; height: 408px; background: url(../Image/quanwang_01.png) no-repeat left top; overflow: hidden;}
.q-header .bd ul li{ padding: 0px 0 31px 160px; height: 71px;}
.q-header .bd ul li span{ color: #ef8d0e; font-size: 18px; font-weight: bold; line-height: 36px;}

.q-khjz{ padding: 35px 0; overflow: hidden;}
.q-khjz .hd{ text-align: center; height: 60px; font-size: 36px; color: #333; font-size: normal; line-height: 60px;}
.q-khjz .bd{ width:1100px; margin: 0 auto; padding: 30px 0;overflow: hidden;}
.nmsj{ width: 219px; float: left; height: 140px; background:#FFF; margin: -1px -1px 0 0; border: 1px solid #dfdfdf; overflow: hidden;}
.nmsj img{ width: 219px; height: 140px;}

.nmsj a{ position: relative; display: block; width: 100%; height: 100%;  -webkit-perspective:800px;-moz-perspective:800px;}
.nmsj a > div {position: absolute; left: 0; height: 0;  width: 100%;  height: 100%; color: #fff;
    -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;
    -webkit-transition: .5s ease-in-out ; -moz-transition:  .5s ease-in-out ;
    -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.nmsj a div.img { opacity: 1; filter:alpha(opacity=100);  -webkit-transform: rotateY(0); -moz-transform: rotateY(0); z-index: 2; transition: 0.3s all 0s linear;}
.nmsj a div.title{ opacity: 0; filter:alpha(opacity=0);  -webkit-transform: rotateY(180deg);  -moz-transform: rotateY(180deg); z-index: 1;}
.nmsj a:hover div.img{ opacity: 0; filter:alpha(opacity=0); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); }
.nmsj a:hover div.title{ opacity: 1; filter:alpha(opacity=100); -webkit-transform: rotateY(0); -moz-transform: rotateY(0);}

.q-zsm{ padding: 35px 0; overflow: hidden;}
.q-zsm .hd{ text-align: center;  font-size: 36px; color: #333; font-size: normal; line-height: 40px;}
.q-zsm .hd span{ color: #8a8a8a; font-size: 16px; font-weight: 100;}
.q-zsm .bd{ margin-top: 30px;}
.q-zsm .bd li{ width: 25%; float: left;height: 56px; margin: 11px 0; font-size: 16px; color: #8a8a8a; line-height: 54px;}


.q-hzlc{ padding: 35px 0 15px 0; overflow: hidden;}
.q-hzlc .hd{ text-align: center;  font-size: 36px; color: #333; font-size: normal; line-height: 40px;}
.q-hzlc .bd{ width: 1100px; margin: 0 auto; padding: 25px 0; overflow: hidden;}
.q-hzlc .bd .cc{ width: 149px; height: 60px; float: left; font-size: 18px;  color: #868686; background: #fff; border: 1px solid #eee; line-height: 60px; font-weight: bold;}
.q-hzlc .bd .jiantou{ width: 38px; height: 60px; float: left; background: url(../Image/qwlc.png) no-repeat center center; overflow: hidden;}

.q-message{ width: 100%; overflow: hidden;}
.q-message .hd{ width: 100%; height: 50px; text-align: center; line-height: 50px; color: #fff; background: #7b7b7b; font-size: 18px;}
.q-message .md{ width: 100%; text-align: center; height: 60px; line-height: 60px; padding: 40px 0 20px 0; font-size: 36px; font-weight: bold; color: #2397D9}
.message-box{ width: 640px; margin: 0 auto; overflow: hidden;}
.message-box ul{ width: 100%; margin-bottom: 10px; overflow: hidden;}
.ban{ width: 49%;}
.message-box ul li span{ color: #eb2626;}
.qm1{ width: 200px; padding: 10px; border: 1px solid #dfdfdf;}
.qm2{ width: 525px; height: 75px; padding: 10px; border: 1px solid #dfdfdf;}
.qm3{ width: 60px; height: 18px; padding: 10px; border: 1px solid #dfdfdf;}
.qm4{ width:91px; height: 40px; vertical-align: top;}
.qm5{ width: 91px; height: 40px; text-align: center; color: #fff; background: #2397d9; border: none;}

.q-message .bd{ width: 640px; margin:0 auto; padding: 40px 0; height: 48px; line-height: 24px;}
.q-message .bd span{ color: #ff601f;}
/*news*/
.newsbanner{ width: 100%; height: 260px;margin-top: 167px; padding-top: 80px; background: url(../Image/n-al_flash.jpg) no-repeat top center; overflow: hidden;}
.newsbanner div{ text-align: center;}
.news-middle{ width: 100%; overflow: hidden; padding: 20px 0; overflow: hidden;}
.news-middle .hd{ text-align: center; font-size: 24px;}
.news-middle .list{ width: 100%; height: 36px; margin: 15px 0; background: url(../Image/news-line.jpg) repeat-x; overflow: hidden;}
.news-middle .list ul{ width: 450px; background: #fff; line-height: 34px; height: 35px; border: 1px solid #dedede; border-right: none; border-bottom: none; margin: 0 auto}
.news-middle .list ul li{ width: 89px; border: 1px solid #dedede; border-top: none; border-left: none; float: left; height: 34px; text-align: center;}
.news-middle .list ul li a{ display: block; width: 100%; height: 34px;}
.news-middle .list ul li a:hover{ background: #1b92d5; color: #fff;}

.news-bd{ width: 1200px; margin: 0 auto; padding: 25px 0; overflow: hidden;}
.news-n{ width: 100%; overflow: hidden;}
.news-n ul{ width: 290px; height: 347px; float: left; margin: 5px; background: #f2f2f2;}
.news-n ul .img{ width: 100%; height: 215px; overflow: hidden;}
.news-n ul .img img{ width: 290px; height: 215px;}
.news-n ul .title{ width: 90%; margin: 0 auto; height: 37px; line-height: 39px;}
.news-n ul .title a{ color: #5e5e5e;}
.news-n ul .title a:hover{ text-decoration: underline;}
.news-n ul .content{ width: 90%; margin: 0 auto; height: 98px; font-size: 12px; color: #999;}

.news-info{ width: 100%; background: #f0f0f0; padding: 20px 0; overflow: hidden;}
.newsIndicate{ width: 1200px; margin: 25px auto; height: 30px; background: url(../Image/news-Indicate.jpg) no-repeat left center; text-indent: 20px; line-height: 30px;}
.news-info-n{ width: 1138px; margin: 0 auto; clear: both; padding: 30px; border: 1px solid #dedede; background: #fff; overflow: hidden;}
#news-info-title{padding: 45px 15px 15px 15px; text-align: center; font-size: 24px;  }
#news-info-key{ text-align: center; font-size: 12px; color: #777;}
#news-info-content{ width: 96%; margin: 0 auto; padding: 20px; line-height: 260%; overflow: hidden;}
/*jobs*/
.jobsbanner{ width: 100%; height: 340px; background: url(../Job/banner_job.jpg) no-repeat top center;margin-top: 167px; overflow: hidden;}
.jobs{ width: 1200px;  margin: 0 auto; padding-top: 80px; overflow: hidden;}
.jobs li{ margin-bottom: 10px; overflow: hidden;}
.job-h2{ text-align: center; padding: 35px 0; border-bottom: 1px solid #cdcdcd; overflow: hidden; font-size: 24px;}
.tab {width: 100%; padding: 40px 0 0 0; overflow: hidden;}
.tab .box {width: 1200px;position: relative;margin: 0 auto;height: 850px;}
.tab .box .menus { width: 192px; float: left; overflow: hidden;}
.tab .box .menus li {width: 192px;height: 62px; background: url(../Job/job_on.jpg); font-size: 20px;color: #555;text-align: center;line-height: 62px; margin-bottom: 10px; transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.tab .box .menus li:nth-child(7) {border-bottom: none;}
.tab .box .bg {height: 62px!important; color: #fff!important; background:url(../Job/job_hover.jpg) !important;line-height: 62px; !important;}

.tab .right { float: right;width: 937px; height: 800px; overflow: hidden;}
.tab .tab_right { width: 937px;height: 800px;}
.tab .tab_right ul{ width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #dedede;}
.tab .tab_right ul .tt1{ width: 33%; float: left;}
.tab .tab_right ul .tt2{ width: 33%; float: left;}
.tab .tab_right ul .tt3{ width: 28%; float: right; text-align: right; padding-right: 3px;}
.tab .scroll { transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;}

.job-info{ width: 1130px;  margin: 50px auto;  overflow: hidden; border: 1px solid #cdcdcd; padding:15px 30px}
.jobs-info-title{ font-size: 30px; line-height: 30px; padding-bottom: 20px; border-bottom: 1px dashed #cdcdcd;}
.j-txt{ height: 30px; color: #009900; padding-top: 20px;}
.j-cintent{ padding: 20px 0; border-bottom: 1px dashed #cdcdcd; overflow: hidden;}
.j-cintent ul{ width: 80%;}
.j-cintent ul li{ width: 33.3%; float: left; line-height: 35px;}

.j-request{ padding: 10px 0 70px 0; border-bottom: 3px solid #cdcdcd; overflow: hidden;}
.j-request h2{ font-size: 14px;}
.j-ppp{  line-height: 260%;}
.j-contact {padding: 40px 0 20px 0;}
.j-contact span{ font-weight: bold;}
.j-more{ width: 130px; clear: both; height: 35px; background: #ecf4ff; text-align: center; line-height: 35px; border: 1px solid #31a3ff; margin: 0 auto; border-radius:3px}
.j-more a{ color: #3d4b61;}

.j-pf{ margin: 15px 10px; font-size: 13px; text-align: center; height: 45px; border: 1px solid #ff9900; line-height: 45px; color: #ff0000; overflow: hidden;}

.seekjobs{ width: 940px;  margin: 50px auto;  overflow: hidden; border: 1px solid #cdcdcd; padding:0 30px}
.jobs-left{ width: 670px; float: left; height: 570px; border-right: 1px solid #cdcdcd; padding: 30px 0 0 30px}
.jobs-box ul{ margin-bottom: 8px; overflow: hidden;  line-height: 40px;}
.jobs-box ul .tl{ width: 90px; float: left; text-align: right;}
.jobs-box ul .tr{ width: 570px; float: right;}
.jobs-box ul .tr .t1{ width: 198px; padding: 5px; height: 18px; border: 1px solid #cdcdcd;}
.jobs-box ul .tr .t2{ width: 398px; padding: 5px; height: 108px; border: 1px solid #cdcdcd;}
.jobs-box ul .tr .t4{ width: 60px; height: 30px; vertical-align: top;}
.jobs-box ul .tr .t5{ width: 77px; height: 31px;background: #52acdd; text-align: center; line-height: 31px; border: 1px solid #2d88bf; color: #fff;border-radius:5px }

.job-right{ width: 180px; line-height: 45px; padding-top: 80px; font-size: 12px; float: right;}
.job-right a{ display: block; width: 102px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #dedede;border-radius:3px; font-size: 12px;}

/*case*/
.casebanner{ width: 100%; height: 165px;margin-top: 167px; background:url(../Image/casebanner.jpg) no-repeat top center; overflow: hidden;}
.case-box{ width: 1200px; margin: 0 auto; overflow: hidden;}
.caselist{ width: 100%; padding: 30px 0; height: 40px;}
.caselist ul li{ width: 100px; float: left; margin-right: 30px; height: 40px; text-align: center; line-height: 40px; overflow: hidden;}
.caselist ul li a{ display: block; width: 100%; height: 40px; color: #555;}
.caselist ul li a:hover{ background: #0087c7; color: #fff; border-radius:5px}

.case-cc{ width: 275px; height: 305px; float: left; margin:7.5px;}
.case-cc a{ display: block; width: 100%; height: 305px;}
.case-cc a:hover{ background: #007ac3; color: #fff;}
.view { width: 275px; height: 206px;  overflow: hidden; position: relative; cursor: default; }
.view img { width: 275px; height: 206px; display: block; position: relative; }
.effect img {opacity:1;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.effect:hover img {opacity:0.7;-moz-transform:scale(2,2);-webkit-transform:scale(2,2);-o-transform:scale(2,2);-ms-transform:scale(2,2);transform:scale(2,2);}
.case-cc .name{ width: 90%; margin: 0 auto; padding: 8px; font-size: 16px; }
.case-cc .hangye{ width: 90%; margin: 0 auto; padding: 4px; }

.case-info{ width: 100%; height: 565px; padding-top: 70px; background: url(../Image/case-banner.jpg) repeat-x; overflow: hidden;}
.case-info ul{ width: 694px; height: 565px; margin: 0 auto; background: url(../Image/casebg.png); overflow: hidden;}
.case-info ul img{ width: 650px; height: 366px; padding: 28px 22px 0 22px;}
.case-info-wap{ width: 980px; margin: 0 auto; padding: 10px 0; overflow: hidden;}
.case-top{ width: 100%; height: 45px; line-height: 45px; overflow: hidden;}
.case-top .title{ width: 600px; color: #666; font-weight: 400; float: left; font-size: 14px;}
.case-top .clink{ width: 100px; float: right; height: 45px; background: url(../Image/url.png) no-repeat left center; text-indent: 30px;}
.case-top .clink a{ color: #0087c7;}
.case-content{ padding: 20px 0; overflow: hidden;}
.case-content .hd{ font-size: 18px; line-height: 45px; font-weight: 600;}
.case-content .n-n{ line-height: 30px; color: #555;}
.case-img{ text-align: center;}
.case-img img{ max-width: 99%;}

/*zhimei5*/
.ct{ text-align: center; padding: 30px 0; overflow: hidden;}
.zhimeibanner{ width: 100%; height: 540px;margin-top: 167px; background:url(../Image/zhimeibanner.png) no-repeat top center; overflow: hidden;margin-bottom: 20px;}
.zhimeibox{ width: 1198px; margin: 0 auto; margin-bottom: 30px; border: 1px solid #cdcdcd; border-right: none; border-bottom: none; overflow: hidden;}
.zhimeibox ul{ float: left; border-right: 1px solid #cdcdcd; overflow: hidden;}
.zhimeibox ul li{ width: 100%; height: 60px; border-bottom: 1px solid #cdcdcd; overflow: hidden;line-height: 60px;}
.zm1{ width: 100px; text-align: center;}
.zm2{ width: 120px; text-align: center;}
.zm3{ width: 100px; text-align: center;}
.zm4{ width: 100px; text-align: center;}
.zm5{ width: 100px; text-align: center;}
.zm6{ width: 672px;}
.zm1 .zmli1{ height: 1767px;line-height: 1767px;}
.zm1 .zmli2{ height: 183px;line-height: 183px;}
.zm1 .zmli3{ height: 243px;line-height: 243px;}
.zm1 .zmli4{ height: 60px;line-height: 60px;}
.zm2 .zmli14{ height: 365px;line-height: 366px;}
.zm2 .zmli5{ height: 487px;line-height: 488px;}
.zm2 .zmli6{ height: 913px;line-height: 913px;}
.zm2 .zmli7{ height: 183px;line-height: 183px;}
.zm2 .zmli8{ height: 60px;line-height: 60px;}
.zm2 .zmli9{ height: 60px;line-height: 60px;}
.zm2 .zmli10{ height: 60px;line-height: 60px;}
.zm2 .zmli11{ height: 60px;line-height: 60px;}
.zm2 .zmli12{ height: 60px;line-height: 60px;}
.zm5 .zmli13{ height: 365px;line-height: 366px;}
.zm6 .zm66{text-align: center;}
.zm6 .zm67{ width: 99%; line-height: 25px; padding: 0 5px;}
.zm6 .zm68{  padding: 0 5px;}
.aaa{ width: 33px; border: none; background: none;}
.ccc{ width: 33px; border: none; background: none}
.eee{ width: 35px;}
.fff{ width: 45px;margin-left: 5px;}

/*pay*/
.paybanner{ width: 100%; height: 340px;margin-top: 167px; background: url(../Pay/fk_flash.jpg) no-repeat top center; overflow: hidden;}
.pay{ width: 1200px; margin:  auto; padding-top: 20px;}
.pay .img{ float: left;}
.pay .txt{ width: 250px; float: right; padding: 123px 150px 0 0;}
.pay .txt li{ text-align: right;}

.pay-indx .hd{ height: 60px; text-align: center; line-height: 60px; padding-top: 40px; font-size: 24px; color: #444; border-bottom: 1px solid #cdcdcd;}
.pay-indx .md{ width: 100%; text-align: center; margin-top: 20px; color: #e81a1a; line-height: 36px;}

.pay-content{ width: 1200px; margin: 0 auto; padding: 25px 0; overflow: hidden;}
.pay-content ul{ width: 300px; font-size: 12px; float: left; height: 174px; border: 1px solid #ccc; color: #777;margin: 0 60px 40px 0; padding: 10px;}
.pay-content ul img{ width: 300px; height: 55px; margin: 0 auto 10px auto;}
/*contact*/
.contactbanner{ width: 100%;margin-top: 167px; height: 340px; background: url(../Contact/Cbanner_contact2.jpg) no-repeat top center; overflow: hidden;}
.contact-b{ width: 1200px; margin: 0 auto; padding-top: 85px; overflow: hidden;}
.contact-b li{ margin-bottom: 15px;}

.contact-indx{ width: 100%; margin: 20px 0; overflow: hidden;}
.contact-indx .hd{ height: 60px; text-align: center; line-height: 60px; padding-top: 40px; font-size: 24px; color: #444; border-bottom: 1px solid #cdcdcd;}
.c-top{ width: 1200px; margin: 0 auto; padding: 25px 0; overflow: hidden;}
.c-left{ width: 400px; float: left; padding: 50px 0 50px 70px; line-height: 30px; background: url(../Contact/cHontile.jpg) left 50px no-repeat; overflow: hidden;}
.c-right{ width: 635px; float: right; padding-top: 160px; background: url(../Contact/Cc.jpg) left 50px no-repeat; overflow: hidden;}
.c-message ul{ margin-bottom: 30px; overflow: hidden;}
.cm1{ width:169px; height: 40px; margin-right: 15px; border: 1px solid #c9c9c9; line-height: 40px; text-indent: 10px; float: left; color: #abb2bd;}
.cm2{ width:306px; height: 40px; border: 1px solid #c9c9c9; line-height: 40px; text-indent: 10px; float: left; color: #abb2bd;}
.cm3{ width: 121px; height: 42px; float: right; line-height: 42px; background: url(../Contact/Website.jpg) no-repeat left top; display: inline-block; font-weight: bold; cursor: pointer; text-indent: 10px; }
.cm4{width:306px; height: 40px; border: 1px solid #c9c9c9; line-height: 40px; text-indent: 10px; float: left; color: #abb2bd;}
.cm5{width:306px; height: 40px; border: 1px solid #c9c9c9; line-height: 40px; text-indent: 10px; float: right; color: #abb2bd;}
.cm6{ width: 602px; height: 71px;color: #abb2bd; padding: 15px;line-height: 24px; border: 1px solid #c9c9c9; font-size: 14px;}
.cm7{ width:109px; height: 40px; margin-right: 15px; border: 1px solid #c9c9c9;  text-indent: 10px; float: left; }
.cm8{ width: 80px; height: 42px; float: left;vertical-align: top;}
.cm9{ width: 136px; height: 36px; float: right; background: url(../Contact/Csubmit.jpg) left top no-repeat; font-size: 16px; border: none; text-align: center; color: #fff; line-height: 36px;}

/*aicaigou*/
.acgbanner{ width: 100%; height: 600px; overflow: hidden; background: url(../Aicaigou/banner.jpg) no-repeat top center; overflow: hidden;margin-top: 167px; color: #fff;  text-align: center;}
.acgbanner h2{ font-size: 48px; font-weight: 700; margin-top: 167px;}
.acgbanner ul{ clear: both; font-size: 16px; margin-top: 70px;}
.aicaigou{ width: 1200px; margin: 0 auto; padding: 80px 0 50px; text-align: center; overflow: hidden;}
.aicaigou .top{ margin-bottom: 50px; font-size: 36px; color: #333; letter-spacing: 1px; line-height: 1; font-weight: 700;}



.aicaigou .hd{ width: 800px; margin: 0 auto; height: 144px; margin-bottom: 10px;}
.aicaigou .hd ul{}
.aicaigou .hd ul li{float:left; display:block; width:136px; height:144px; margin-right: 24px; cursor:hand;}
.aicaigou .hd ul li .active p{ display:block; width:136px; height:144px;background: url(../Aicaigou/01.png); background-size: 100% 100%;}

.a1{ width: 100%; height: 144px; background: url(../Aicaigou/01.png); background-size: 100% 100%;}
.a1:hover{ background: url(../Aicaigou/01-1.png);background-size: 100% 100%;}
.a2{ width: 100%; height: 144px; background: url(../Aicaigou/02.png);background-size: 100% 100%;}
.a2:hover{ background: url(../Aicaigou/02-1.png);background-size: 100% 100%;}
.a3{ width: 100%; height: 144px; background: url(../Aicaigou/03-1.png);background-size: 100% 100%;}
.a3:hover{ background: url(../Aicaigou/03.png);background-size: 100% 100%;}
.a4{ width: 100%; height: 144px; background: url(../Aicaigou/04-1.png);background-size: 100% 100%;}
.a4:hover{ background: url(../Aicaigou/04.png);background-size: 100% 100%;}
.a5{ width: 100%; height: 144px; background: url(../Aicaigou/05.png);background-size: 100% 100%;}
.a5:hover{ background: url(../Aicaigou/05-1.png);background-size: 100% 100%;}
.aicaigou .hd .normal{}
.aicaigou .bd{ width:100%; overflow: hidden; padding: 30px 0; overflow: hidden;}
.aicaigou .bd .hdd{margin: 50px 0 20px;font-size: 20px;letter-spacing: 3px;line-height: 1;}
.aicaigou .bd .bdd img{ width: 100%;}
.aicaigou .none{display:none;}



/*footer*/
.footer{ width: 100%; height: 219px; margin-top: 35px; background: url(../Image/footer.jpg) repeat-x; overflow: hidden;}
.end{ width: 1200px; margin: 0 auto; padding-top: 55px; overflow: hidden;}
.e-top{ width: 100%; height: 73px; border-bottom: 1px solid #dadada; overflow: hidden;}
.e-t-tel{ float: left; padding-left: 9px; overflow: hidden;}
.e-t-link{ width: 190px; float: left; padding: 10px 0 0 42px; height: 38px; overflow: hidden;}
.e-t-link h2{ width: 78px; height: 38px; float: left; line-height: 38px; font-size: 14px; line-height: 38px; font-weight: 100;}
.e-t-link ul{ width: 110px; float: right; overflow: hidden;}
.e-t-link ul li{ width: 50%; float: right; text-align: right; overflow: hidden;}
.e-t-txt{ width: 523px; float: right; padding-top: 5px; line-height: 48px;  text-align: right;}

.e-center{ width: 100%; height: 50px; line-height: 50px; overflow: hidden;}
.e-center h2{ width: 76px; float: left; font-size: 14px; font-weight: 100;}
.e-center .txt{ width: 1120px; float: right; overflow: hidden;}
.e-center .txt li{ float: left; margin-right: 12px; overflow: hidden;}

.e-bottom{ width: 100%; line-height: 40px; color: #9a9a9a; height: 40px; overflow: hidden; background: url(../Image/f-e-l.jpg) no-repeat left center; overflow: hidden; font-size: 13px;}
.e-b-left{ width: 780px; float: left; text-indent: 24px;}
.e-b-right{ width: 300px; float: right;  text-align: right;}
.e-b-right a{ color: #fff;}
.e-b-right a:hover{ color: #ff0;}

.nfooter{ width: 100%; background: #343434; height: 227px; border-bottom: 1px solid #484848; padding-top: 25px; overflow: hidden;}
.e-fbox{ width: 1200px; margin: 0 auto; overflow: hidden;}
.f-box-left{ width: 427px; float: left; padding-left: 83px; overflow: hidden;}
.webname{ width: 100%; height: 42px; overflow: hidden; background: url(../Image/f-a.jpg); text-indent: 50px; line-height: 42px; font-size: 24px; color: #aaa; font-weight: 700;}
.web-txt{ padding:15px 0 0 50px; line-height: 30px; color: #aaa;}

.f-bor-right{ width: 485px; float: right; overflow: hidden;}
.f-bor-right li{ background: url(../Image/etel.jpg) no-repeat left center; line-height: 30px; text-indent: 30px; overflow: hidden;}
.f-bor-right li a{ color: #bababa;}

.e-end{ width: 100%; line-height: 52px; font-size: 18px; height: 52px; background: #343434; text-align: center; color: #aaa;}
.e-end a{ color: #aaa; font-size: 18px;}


.yb_conct {position: fixed;z-index: 9999999;top: 200px;right: -127px;cursor: pointer;transition: all .3s ease;}
.yb_bar ul li {width: 180px;height: 53px;font: 16px/53px Microsoft YaHei;color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar .yb_top {background: url(../Image/fixCont.png) no-repeat 0 0 #f0831e;}
.yb_bar .yb_phone {background: url(../Image/fixCont.png) no-repeat 0 -57px #f0831e;}
.yb_bar .yb_QQ {text-indent: 0;background: url(../Image/fixCont.png) no-repeat 0 -113px #f0831e;}
.yb_bar .yb_ercode {/*height:200px;*/background: url(../Image/fixCont.png) no-repeat 0 -169px #f0831e;}
.hd_qr { padding: 0 29px 25px 29px;}
.yb_QQ a {display: block;text-indent: 54px;width: 100%;height: 100%;font-size: 14px;color: #fff!important;}

/*info*/
#newTitle{ width: 95%; margin: 0 auto; padding: 25px 0;  border-bottom: 1px solid #bfebff; color:#f00000; text-align:center;text-align:center;}
#newsContent{ margin: 16px 0;}
#newsInfo{ width: 98%; margin: 0 auto;  border-bottom: 1px dashed #bfebff; line-height: 55px; font-weight:normal; text-align:center; font-size:12px;}
#newsdescription{ width: 95%; margin: 0 auto; padding: 5px 2.5%; border-bottom: 1px solid #bfebff; font-size: 12px; font-weight: normal; margin-bottom: 20px;}
.infoClass{margin:0px;margin-bottom:10px;line-height:12px;}
#infoImage{text-align:center;margin:10px 0;}
#infoImage img{padding:1px; border:1px solid #dedede;}
.news_title{color:#da020d;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px;}
.Newstime{float:right;}
#allmap{ width:1198px; margin:0 auto; border:1px solid #000; height:380px; overflow:hidden;}
/*picUL*/
#picUL{text-indent:0; overflow:hidden;}
#picUL li{height:190px; width:33.3%;  float:left; line-height:22px;  text-align:center;}
#picUL li img{height:150px; width:200px; border:1px solid #dedede; padding:1px; }
#picUL li img:hover{ border: 1px solid #cdcdcd;}
/*product-info*/

.p-content{ width: 1128px; border: 1px solid #bfebff;border-radius:4px; margin-top: 10px; overflow: hidden;}
.p-content .title{ width: 100%; height:45px; border-bottom: 1px solid #bfebff; overflow: hidden;}
.p-content .title h2{ width: 100px; text-align: center; height: 40px; margin: 5px 0 0 0px; overflow: hidden; color: #fff; font-size: 15px; line-height: 45px; font-weight: 700; background: #0e7dcc;}
.p-content .nr{ width: 98%; margin: 0 auto; line-height: 260%; padding: 15px 0 0; overflow: hidden;}
#prev_next{ width: 98%; margin: 10px auto; line-height: 260%; overflow: hidden;}
#prev_next li{ border-bottom: 1px dashed #cdcdcd;}

/*table*/
.table{ width:97%; margin:0 auto; margin-bottom:15px; border-bottom:1px solid #dedede;}
.tb_left{ width:10%; text-align:right; overflow:hidden;}
.tb_txt{ width:89%; overflow:hidden;}
.yingpin{ text-align:right;}
.yingpin a{color:#f00000; text-decoration:none;}
.yingpin a:hover{color:#F0F; text-decoration:none;}
/*page*/
#page{clear:both;line-height:45px;height:45px;width:99%; text-align:center;border:1px solid #b3b3b3; margin:20px 0;}
/*borderLi*/
.borderLi{border-bottom:1px dashed #dedede;margin-bottom:6px;padding-bottom:6px;}
.G_InputText{width:160px;height:16px;border:1px solid #dedede;}
.InputText{width:90px;height:16px;border:1px solid #dedede;}
.G_textarea{width:300px;height:100px;border:1px solid #dedede;}
.G_ul{width:500px;margin:0 auto;line-height:26px;}
.G_tips{width:850px;margin:10px auto 0 auto;border:1px solid #dedede;padding:7px;}
/*message*/
.comtent_info{width:710px;*+margin-top:-612px;*+margin-left:250px;display:inline-block;vertical-align:top;margin-bottom: 20px;}
.comtent_info_tit{width:100%;height:36px;line-height:36px;*+line-height:36px;text-indent:13px;font-family:Microsoft YaHei,arial;font-size:14px;color:#338e00;overflow:hidden;}
.comtent_info .comtent_info_tit .url{height:36px;line-height:37px;color:#6a6a6a;font-family:Microsoft YaHei,arial;font-size:12px;float:right;margin-right:10px;*+margin-top:-37px;display: inline-block;}
.comtent_info .comtent_info_tit .url .url_img{width: 10px;height: 10px;margin-top: 13px;*+margin-top: 12px;float: left;}
.comtent_info .comtent_info_company{width:666px;margin:28px auto 0 auto;font-size:14px;font-family:Microsoft YaHei,arial;line-height:28px;}
.comtent_info .comtent_info_company p{text-align:justify;letter-spacing:1px;font-size:14px;line-height:28px;color:#444444;margin-bottom:30px;}
.comtent_info table th{color:#444444;width:70px;font-weight:normal;font-size:14px;font-family:Microsoft YaHei,arial;text-align:right;vertical-align: top;padding-top: 9px;}
.comtent_info table td select{font-family: Microsoft YaHei,arial;font-size: 14px;width: 278px;height: 32px;text-indent: 8px;border: 1px solid #d2d4d6;margin: 5px auto 6px 5px;*+margin-left:-3px;background: #FFF;}
.comtent_info table td ul{list-style:none;position:absolute;}
.comtent_info table td ul li{font-family:Microsoft YaHei,arial;font-size:14px;height:28px;line-height:28px;text-indent:8px;width:276px;height:28px;border-left:1px solid #d2d4d6;border-right:1px solid #d2d4d6;background:#FFF;}
.comtent_info table td ul li a{display:block;text-decoration:none;color:#444444;}
.comtent_info table td ul li a:hover{color:#fe7d0c;}
.comtent_info table td ul li:last-child{border-bottom:1px solid #d2d4d6;}
.comtent_info table td input{font-size:14px;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
.comtent_info table td .ppp{font-size:14px;width:26px;height:28px;}
.comtent_info table td .yanzheng{width:101px;}
.comtent_info table td textarea{resize: none;width:545px;height:178px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
.middle .comtent .comtent_info table td img{vertical-align:middle;margin-left:5px;margin-bottom:4px;*+margin-bottom:14px;}
.comtent_info table td .but{width:74px;height:31px;line-height:31px;background:#4a5b6d;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:Microsoft YaHei,黑体,sans-serif;color:#FFF;}
.comtent_info table td .but a{text-decoration:none;font-size:14px;font-family:Microsoft YaHei,黑体,sans-serif;color:#FFF;display:block;}
.comtent_info table td .but a:hover{background:#4a5b6d;border-radius:2px; text-decoration: underline;}
.j-content{ padding: 5px;}
.pointer{ width:60px; height: 28px; vertical-align: top;margin:5px auto 5px 5px;}